<template>
        <div class="wxc-demo">
            <chongzhi></chongzhi>
            <scroller class="scroller">
                <wxc-radio :list="list" @wxcRadioListChecked="wxcRadioListChecked"></wxc-radio>
            </scroller>
            <div style="width:750px;min-height:100px;margin-top: -600px">
                <div><text style="color:red;">兑换记录</text></div>
                <div class="wrapper">
                    <scroller class="scroller">
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 成功</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 失败    失败理由</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 成功</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 成功</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 失败    失败理由</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 成功</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 成功</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 失败    失败理由</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 成功</text>
                        <text class="jilu">2018-1-10 10:24:01 兑换30029 成功</text>
                    </scroller>
                </div>
            </div>
        </div>
</template>
<script>
    import chongzhi from './chongzhi.vue'
    import { WxcRadio } from 'weex-ui'
    export default {
        components: { WxcRadio,chongzhi},
        data: () => ({
            list: [
                { title: '支付宝', value: 2, checked: true },
                { title: '微信', value: 3 },
                { title: 'QQ钱包', value: 4 },
            ],
            checkedInfo: { title: '选项2', value: 2 }
        }),
        methods: {
            wxcRadioListChecked (e) {
                this.checkedInfo = e;
            }
        }
    }
    </script>
<style>
    .scroller {
        width:750px;
        height: 900px;
        border-width: 2px;
        border-style: solid;
        border-color:#f6f6f6;
        margin-left:0px;
    }
</style>